.my{
  width: 100%;
  height: 100%;


.myheder{
    height: 100%;
    border: 2px solid  #ffa520;
    background-color: #ffa520;
    padding-bottom:40px ;
    .mhedBoerx{
      width: 89%;
      height: 153px;
       margin: 5% 0 0 3% ;
      display: flex;
      &>div{
        text-align: start;
        img{
            width: 157px;
            height: 153px;
            
        }
      }
      .myname{
          width: 290px;
          height: 85px;
          margin-left: 7%;
          margin-top: 4%;
          p{
              margin: 0;
              padding: 0;
              margin-top: 3%;
              color: #333333;
              font-size: 36px;
          }
          p:nth-child(2){
            color: #333333;
            font-size: 16px;
          }
      }
      .you{
        margin-left: 22%;
        margin-top: 8%;
        img{
          width: 19px;
          height: 35px;
          // margin: 100%;

        }
      }
    }
}
.myconten{
    width: 49%;
    height: 40px;
    
    margin-left: 8%;
    margin-top: 8%;
    display: flex;
    // justify-content: space-between;
 
    &>div{
        text-align: start;
        img{
            width: 71px;
            height: 70px;
        }
    }
     .myse{
         margin-top: 5%;
        //  text-align: start;
         margin-left: 18%;
         span{
          font-size: 28px;
          color: #000000;
          
         }
     }
   
}
.xxx{
    // width: 500px;
 
    height: 40px;
    border-bottom:1px solid #ffdeac;
    margin-left: 200px;
    
}

.myte{
    width:85%;
    height: 164px;
    // border: 1px solid red;
    text-align: left;
    margin: auto;
    margin-top: 10%;
   margin-bottom: 150px;
    p{
        font-size: 24px;
        color:#666666;
        margin-top: 2px;
        border-bottom:1px soli red ;
    }
}
}